@import "./var.scss";

// 模拟v-show隐藏
.v-hide {
  display: none !important;
  margin-top: 11px;
}

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.multi-ellipsis--l2,
.multi-ellipsis--l3 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}
.multi-ellipsis--l2 {
  -webkit-line-clamp: 2;
}
.multi-ellipsis--l3 {
  -webkit-line-clamp: 3;
}

// 通过底部弹窗样式
.popup-warper {
  min-height: 40vh;
  border-radius: 8px 8px 0 0;
  background-color: #fff;
}

// 底部fixed操作栏
.fixed-box {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ffffff;
  height: 56px;
}

// #ifdef H5
@supports (bottom: constant(safe-area-inset-bottom)) or
  (bottom: env(safe-area-inset-bottom)) {
  body {
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
  }
  .mt-fixed-x {
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
  }
}
// #endif
